<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Originalle Folheados</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="${resource(dir:'css', file: 'style.css')}" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="${resource (dir: 'css', file: 'coin-slider.css')}" />
    <script type="text/javascript" src="${resource (dir:'js', file:'cufon-yui.js')}"></script>
    <script type="text/javascript" src="${resource (dir:'js', file:'cufon-titillium-250.js')}"></script>
    <script type="text/javascript" src="${resource (dir:'js', file:'jquery-1.4.2.min.js')}"></script>
    <script type="text/javascript" src="${resource (dir:'js', file:'script.js')}"></script>
    <script type="text/javascript" src="${resource (dir:'js', file:'coin-slider.min.js')}"></script>
  </head>
  <body>
    <div class="main">
      <div class="header">
        <div class="header_resize">
          <div class="logo">
            <img src="${resource(dir: 'images', file: 'logoOriginalle.png')}" width="250px" class="fl" />
          </div>
          <div class="clr"></div>
          <div class="menu_nav">
            <ul>
              <li><g:link controller="principal" action="home"><span>Home</span></g:link></li>
              <li><g:link controller="principal" action="empresa" ><span>Quem Somos</span></g:link></li>
              <li><g:link controller="principal" action="revendedor" ><span>Revendedor</span></g:link></li>
              <li><g:link controller="principal" action="produtos" ><span>Produtos</span></g:link></li>
              <li><g:link controller="principal" action="contato" ><span>Contato</span></g:link></li>
            </ul>
          </div>
          <div class="clr"></div>
          <div class="slider">
            <div id="coin-slider"> 
              <g:each in="${banner}">
                <a href="${it.link}">
                  <img src="${createLink(controller:'banner', action:'view', id:it.id)}" width="920" height="320" alt="" />
                  <span><big>${it.titulo}</big></br>
                    <span>${it.descricao}</span>
                </a>
              </g:each>
              <div class="clr"></div>
            </div>
            <div class="clr"></div>
          </div>
        </div>
        <div class="content">
          <div class="content_resize">
            <div class="clr"></div>
          </div>
        </div>
        <div class="footer">
          <div class="footer_resize">
            <p class="lf">Todos os Direitos Reservados <a href="#">Originalle Folheados</a>.</p>
            <p class="rf">Desenvolvimento <a href="#">Iflex Tecnologia</a></p>
            <div style="clear:both;"></div>
          </div>
        </div>
      </div> 
  </body>
</html>
